<?php
session_start();
include("connect.php");

if (isset($_POST['remember'])){  
  setcookie("cookiemail", $_POST['pseudo'], time()+60*60*24*100, "/");  
  setcookie("cookiepass", $_POST['mdp'], time()+60*60*24*100, "/");  
} else {
  setcookie("cookiemail","" , NULL, "/");  
  setcookie("cookiepass","" , NULL, "/");  
}

if (empty($_POST["inscription"])) 
	$_POST["inscription"] = "no"; 
	
if (!empty($_POST) && isset($_POST["pseudo"]) && !empty($_POST["pseudo"]) && $_POST["inscription"] != 'ok'){ 
	extract($_POST);

	// $pseudo vaut l'email de la personne
	$req_pseudo	= mysql_query("SELECT * FROM users WHERE EMAIL_AUT = '".$pseudo."'")or die(mysql_error());
	$req_mdp	= mysql_query("SELECT * FROM users WHERE EMAIL_AUT = '".$pseudo."' AND PASSWD = md5('".$mdp."')")or die(mysql_error());
		
	$data = mysql_fetch_assoc($req_pseudo);
	if(mysql_num_rows($req_pseudo) == 0){
		$erreur = "Pseudo introuvable dans les membres du 2NS.";
	}else if(mysql_num_rows($req_mdp) == 0){
		$erreur = "Mot de passe erron&eacute;.";
	}
	
	if(!isset($erreur)){
		$_SESSION["pseudo"] = $data["PSEUDO"];	
		header("location: index.php");	
	}
}

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico">
	<title>2NS | Login</title>
	<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript">
	$(function(){
		var	url = "utilitaire.php"; 	

    
	  	$('.placeholder').each(function(){
			var label = $(this).find('label'); 
	      	var input = $(this).find('input'); 
	      	if(input.val() != ''){
	      		label.hide(); 
	      	}
	      	
	      	input.focus(function(){
	        	if(input.val() == ''){
	            	label.stop().fadeTo(500,0.5); 
	         	}
	      	});
	      	input.blur(function(){
	        	if(input.val() == ''){
	            	label.stop().fadeTo(500,1); 
	         	}
	      	});
	      	input.keypress(function(){
	        	label.stop().hide(); 
			});
			input.keyup(function(){
				if(input.val() == ''){
			    	label.stop().fadeTo(500,0.5); 
			 	}
			})
	   });

		$("#page_log form").submit(function(){
			var ins_pseudo = $("#page_log #ins_pseudo").val();
			var ins_nom = $("#page_log #ins_name").val();
			var ins_prenom = $("#page_log #ins_prenom").val();
			var ins_mail = $("#page_log #ins_mail").val();
			var ins_mdp = $("#page_log #ins_mdp").val();
	  		 
			showLoader("#titre .titre");
			$.post(url,{action:"addMembre", mypseudo:ins_pseudo, nom:ins_nom, prenom:ins_prenom, mail:ins_mail, mdp:ins_mdp},function(data){
		        if(data.erreur=="ok"){
					$("#page_log #ins_pseudo").val("");
					$("#page_log #ins_name").val("");
					$("#page_log #ins_prenom").val("");
					$("#page_log #ins_mail").val("");
					$("#page_log #ins_mdp").val("");
					
	  				$("#formLog #ContactName").val(ins_mail);
	  				$("#success").css({"visibility" : "visible"});
	  	        }
	            else{
	                alert(data.erreur);
	            }
	            hideLoader();
	        },"json");
	        return false;
		})
			
	});
		
	function showLoader(div){
	    $(div).append('<div class="loader"></div>');
	    $(".loader").fadeTo(500,0.6);
	}
	
	function hideLoader(){
	    $(".loader").fadeOut(500,function(){
	        $(".loader").remove();
	    });
	}
	</script>

</head>
<body class="login">
<div id="header">
	<div id="logo"><p > | <span style="color: #eee; font-size: 34px;">Connexion</span></p></div>
	<div id="formLog">
		<span class="mdp_perdu"><a href="#" onclick="window.open('recup_mdp.php','Mot de passe perdu','toolbar=0, location=0, directories=0, status=0, scrollbars=1, resizable=1, copyhistory=0, menuBar=0, width=720, height=500');return(false)"><p>Mot de passe oublié</p></a></span>	  		
		<form action="" method="post">
			<div class="textbox">
				<div class="required holding username">
					<input value="<?php if(isset($_COOKIE['cookiemail'])) { echo $_COOKIE['cookiemail']; } ?>" name="pseudo" maxlength="30" type="email" id="ContactName" placeholder="e-mail"  title="e-mail" required>
				</div>
				
		        <div class="holding password">
		        	<input value="<?php if(isset($_COOKIE['cookiepass'])) { echo $_COOKIE['cookiepass']; } ?>" name="mdp" type="password" placeholder="Mot de passe" title="Mot de passe" required>		          
		        </div>
	      	</div>
	      	<div class="submitAndCheck">
	  			<label class="remember">
	  				<input name="remember" type="checkbox" <? if(isset($_COOKIE['cookiemail']) && ($_COOKIE['cookiemail']!="")) {echo "checked";}  ?>/>
	  			  <span>Se souvenir de moi</span>

	  			</label>
	  			<button type="submit" name="connection" value="ok" class="submit button">Se connecter</button>
			</div>
		</form>
		<?php if(isset($erreur)){ echo '<label class="erreur">'.$erreur.'</label>'; } ?>
	</div>
</div>
<div id="page_log">
	<div id="titre">
		<h1 class="titre">Inscription<i>Simplifiez vous la vie avec 2SN.</i></h1>	
		<p id="success" style="color: green; margin-left: 10px; visibility: hidden;"> Inscription réussit, vous pouvez vous connecter.</p>
	</div>
	<form action="" method="post">
		<div class="textbox_ins">
			<div class="required holding username">
				<div class="input placeholder">
       				<label>Pseudo</label>
           	 		<input name="pseudo" maxlength="30" type="text" id="ins_pseudo" title="Pseudo" required>	           		 
				</div>	
				<div class="input placeholder">
       				<label>Nom de l'utilisateur</label>
          			<input name="nom" maxlength="30" type="text" id="ins_name" title="Nom d'utilisateur" required>
				</div>
				<div class="input placeholder">
       				<label>Prénom de l'utilisateur</label>
          			<input name="prenom" maxlength="30" type="text" id="ins_prenom" title="Prenom d'utilisateur" required>
				</div> 
				<div class="input placeholder">
       				<label>E-mail de l'utilisateur</label>
          			<input name="mail" maxlength="30" type="email" id="ins_mail" title="E-mail" required>
	   			</div>	 
	   			<div class="input placeholder">
          			<label>Mot de passe de l'utilisateur</label>
           			<input type="password" name="mdp" id="ins_mdp" title="Mot de passe" required>		
	   			</div>
	    		<div style="margin-left: 90px;" class="submitAndCheck">
	 				<button type="submit" name="inscription" value="ok" class="submit button">S'inscrire</button>
				</div>
	 		</div>
	  	</div>
	</form>
	<div id="about">
		<p>
		&nbsp;&nbsp;&nbsp;&nbsp;Bienvennue sur 2NS! Le premier site communautaire sur mesure.<br>
		</p>
		<p style="font-size: 15px;">Si vous êtes nouveau(nouvelle), nous vous invitons tout d' abord à valider votre inscription
		afin de bénéficier des multiples services gratuits libres et sécurisés que propose notre site (Forum, Gestion de mur, discussion instantannée, Messagerie interne, Gestion d' albums, partage de données ...).
		<br><br>
		&nbsp;&nbsp;&nbsp;&nbsp;Après votre inscription, nous vous invitons également à parrainer l' inscription de vos ami(e)s et contacts afin de partager avec eux
		les centres d'intérêts qui vous sont chèrs.
		
		</p>
	</div>
</div>
</body>
</html>